<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>{$info.title}-最美乡村</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/wx/css/base.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/wx/css/detail.css" />
</head>
<body>
<div class="detail">
  <div class="swipePanel">
    <div class="swipe">
      <ul id="slider">
      
      
        <volist name="info.img_arr" id="vo">
          <li><a >
          <eq name="vo" value="">
          <img src="__PUBLIC__/wx/images/pic01.jpg"/>
          <else/>
          <img src="{$vo}" alt='' /> 
          </eq>
          </a></li>
        </volist>
      
      </ul>
      <div id="pagenavi">
        <volist name="info.img_arr" id="vo"> <a href="javascript:void(0);" ><span>{$key+1}/{$info.img_arr|count}</span>
          <p>{$info.title}</p>
          </a> </volist>
      </div>
    </div>
  </div>
  <div class="countryname">
    <h2><span>{$info.title}</span><span style="margin-left: 6px;font-size: 12px;color: #f9790b;">距离{$info.distance}Km</span><em class="color"><b>{$info.supports}</b></em></h2>
    <p><a ><span style="width: 90%;">{$info.a1}{$info.a2}{$info.a3}{$info.a4}{$info.a5}<!--<distance style=" float:right;margin-right: 8px;">{$info.distance}Km</distance>--></span></a></p>
  </div>
  <div class="secretary" onClick="window.location='__MODULE__/Vadmin/info/id/{$vainfo.user_id}/'">
    <h2><a >乡土卫士</a></h2>
    <div class="intro">
      <div class="pic">
        <eq name="vainfo.img" value=""><img src="__PUBLIC__/Uploads/user_info/default.jpg"/>
          <else/>
          <img src="__PUBLIC__/Uploads/{$vainfo.img}"/></eq>
      </div>
      <div class="name">
        <h3>{$vainfo.name}</h3>
        <p>{$vainfo.info}</p>
        <div class="number"><span>已赞（{$vainfo.supports}）</span><span style="background:url(__PUBLIC__/wx/img/comm.png) no-repeat left center; background-size:20px 20px;">日志（{$vainfo.d_num}）</span></div>
      </div>
    </div>
  </div>
  <div class="countryintro">
    <h2><span>乡村介绍</span></h2>
    <div class="article">
      <p>{$info.content}</p>
      <p><!--<img src="__PUBLIC__/wx/images/pic03.jpg"/>-->
        <!--<video width="320" height="240" controls autoplay>
          <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg">
          <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4">
          <source src="http://www.w3school.com.cn/i/movie.webm" type="video/webm">
          <object data="http://www.w3school.com.cn/i/movie.mp4" width="320" height="240">
            <embed width="320" height="240" src="http://www.w3school.com.cn/i/movie.swf">
          </object>
        </video>-->
        <eq name="info.video_url" value=""><!--<img src="__PUBLIC__/wx/images/pic03.jpg"/>--><else/>
        <video width="100%" height="240" controls >
        	<source src="{$info.video_url}" type="video/mp4">
        </video>
        </eq>
      </p>
    </div>
    <div class="slide" style="line-height: 30px;">点击展开</div>
  </div>
  <div class="worthy">
    <h2><a href="__MODULE__/Article/celebrity_ls/vid/{$info.id}/">乡村贤达</a></h2>
    <div class="worthylist">
      <ul>
      <volist name="ceinfo" id="vo">
        <li> <a href="__MODULE__/Article/celebrity/id/{$vo.id}/">
          <div class="pic">
        <eq name="vo.img" value="">
          <img src="__PUBLIC__/wx/images/pic05.jpg"/>
          <else/>
          <img src="__PUBLIC__/Uploads/{$vo.img}"/>
          </eq>
          </div>
          <h3>{$vo.title}</h3>
          </a> </li>
        </volist>
      </ul>
    </div>
  </div>
  <div class="specialty">
    <h2><a href="__MODULE__/Article/farming_ls/vid/{$info.id}/">乡村特产</a></h2>
    <div class="specialtylist">
      <ul>
      <volist name="finfo" id="vo">
        <li> <a href="__MODULE__/Article/farming/id/{$vo.id}/">
          <div class="pic">
        <eq name="vo.f_img" value="">
          <img src="__PUBLIC__/wx/images/pic06.jpg"/>
          <else/>
          <img src="{$vo.f_img}"/>
          </eq>
          </div>
          <div class="word">
            <h3>{$vo.title}</h3>
            <p>{$vo.content|preg_replace='/<[^>]*>/','',###|mb_substr=0,156,'utf-8'}</p>
          </div>
          </a> </li>
        </volist>
      </ul>
    </div>
  </div>
  <div class="play">
    <h2><a href="">村里民宿</a></h2>
    <div class="playlist">
      <ul>
        <li> <a href="">
          <div class="pic"><img src="__PUBLIC__/wx/img/msu.jpg"/></div>
          <div class="word">
            <h3>鸦丘坪村特色民宿</h3>
            <h4><span>评分：<b>4.0</b>分</span><!--<em>距我：9.8km</em>--></h4>
            <p><b>￥80.00</b>起<span>已销售：35人次</span></p>
          </div>
          </a> </li>
        
      </ul>
    </div>
  </div>
  <!--
  <div class="play">
    <h2><a href="#">村里游玩</a></h2>
    <div class="playlist">
      <ul>
        <li> <a href="#">
          <div class="pic"><img src="__PUBLIC__/wx/images/pic08.jpg"/></div>
          <div class="word">
            <h3>乡村油菜花花海风景区</h3>
            <h4><span>评分：<b>4.0</b>分</span><em>距我：9.8km</em></h4>
            <p><b>￥10.00</b>起<span>已销售：32563人次</span></p>
          </div>
          </a> </li>
        <li> <a href="#">
          <div class="pic"><img src="__PUBLIC__/wx/images/pic08.jpg"/></div>
          <div class="word">
            <h3>乡村油菜花花海风景区</h3>
            <h4><span>评分：<b>4.0</b>分</span><em>距我：9.8km</em></h4>
            <p><b>￥10.00</b>起<span>已销售：32563人次</span></p>
          </div>
          </a> </li>
      </ul>
    </div>
  </div>
  <div class="play">
    <h2><a href="#">村里民宿</a></h2>
    <div class="playlist">
      <ul>
        <li> <a href="#">
          <div class="pic"><img src="__PUBLIC__/wx/images/pic09.jpg"/></div>
          <div class="word">
            <h3>乡村油菜花花海风景区</h3>
            <h4><span>评分：<b>4.0</b>分</span><em>距我：9.8km</em></h4>
            <p><b>￥10.00</b>起<span>已销售：32563人次</span></p>
          </div>
          </a> </li>
        <li> <a href="#">
          <div class="pic"><img src="__PUBLIC__/wx/images/pic09.jpg"/></div>
          <div class="word">
            <h3>乡村油菜花花海风景区</h3>
            <h4><span>评分：<b>4.0</b>分</span><em>距我：9.8km</em></h4>
            <p><b>￥10.00</b>起<span>已销售：32563人次</span></p>
          </div>
          </a> </li>
      </ul>
    </div>
  </div>
  -->
  <div class="specialty">
    <h2><a href="__MODULE__/Article/stories_ls/vid/{$info.id}/">乡村夜话</a></h2>
    <div class="specialtylist">
      <ul>
      <volist name="sinfo" id="vo">
        <li> <a href="__MODULE__/Article/stories/id/{$vo.id}/">
          <div class="pic">
        <eq name="vo.f_img" value="">
          <img src="__PUBLIC__/wx/images/pic07.jpg"/>
          <else/>
          <img src="{$vo.f_img}"/>
          </eq>
          </div>
          <div class="word">
            <h3>{$vo.title}</h3>
            <p>{$vo.content|preg_replace='/<[^>]*>/','',###|mb_substr=0,156,'utf-8'}</p>
          </div>
          </a> </li>
        </volist>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript" src="__PUBLIC__/wx/js/touchScroll.js"></script> 
<script type="text/javascript" src="__PUBLIC__/wx/js/touchslider.js"></script> 
<script type="text/javascript">
		var active = 0, as = document.getElementById('pagenavi').getElementsByTagName('a');
		for ( var i = 0; i < as.length; i++) {
			(function() {
				var j = i;
				as[i].onclick = function() {
					t.slide(j);
					return false;
				};
			})();
		}
		var t = new TouchSlider({
			id : 'slider',
			speed : 600,
			timeout : 2000,
			before : function(index) {
				as[active].className = '';
				active = index;
				as[active].className = 'active';
			}
		});
</script> 
<script type="text/javascript" src="__PUBLIC__/wx/js/jquery-1.3.1.min.js"></script> 
<script type="text/javascript">
    	$(".countryname em").click(function(){
        	if($(this).hasClass("color")){
            	$(this).removeClass("color");
				$.get("__MODULE__/Village/village_supports/id/{$info.id}/dowhat/add/");
				$(".countryname em b").text(Number($(".countryname em b").text())+1);
        	}else{
				$.get("__MODULE__/Village/village_supports/id/{$info.id}/dowhat/dec/");
            	$(this).addClass("color"); 
				$(".countryname em b").text(Number($(".countryname em b").text())-1);
        	}
    	});
    	/*$(".countryintro span").click(function(){
        	if($(this).hasClass("slide")){
            	$(this).removeClass("slide");
            	$('.article').css("display","none");
        	}else{
            	$(this).addClass("slide");
            	$('.article').css("display","block");
        	}
    	});*/
		
$(".slide").click(function(){
        	if($(this).hasClass("slide02")){
            	$(this).removeClass("slide02");
            	$('.article').css("height","100px");
				$(this).text('点击展开');
        	}else{
            	$(this).addClass("slide02");
            	$('.article').css("height","auto");
				$(this).text('点击收起');
        	}
    	});		
	</script>
</body>
</html>